<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #test {
            width: 30px;
            height: 30px;
            border: 30px 10px 30px 30px;
            border-style: solid;
            border-color: #ff3300 #0000ff #339966 #00ff00;
        }

        #oval {
            width: 200px;
            height: 100px;
            background: red;
            border-radius: 100px / 50px;
        }

        .tixing {
            width: 10px;
            height: 10px;
            border: 10px solid;
            border-color: #ff3300 #ffffff #ffffff #ffffff;
        }
    </style>


</head>

<body>
    <div id="test"></div>
    <div id='oval'>
    </div>
</body>
</body>

</html>